<template>
    <div class="view">
        <el-row class="right">
             <div @click="balck()">返回上一级</div>
        </el-row>

        <el-row class="tac">
            <el-col :span="12">
            <h5>Custom colors</h5>
            <el-menu
                active-text-color="#ffd04b"
                background-color="#545c64"
                class="el-menu-vertical-demo"
                default-active="2"
                text-color="#fff"
                @open="handleOpen"
                @close="handleClose"
            >
                <el-sub-menu index="1">
                <template #title>
                    <i class="el-icon-location"></i>
                    <span>Navigator One</span>
                </template>
                <el-menu-item-group title="Group One">
                    <el-menu-item index="1-1">item one</el-menu-item>
                    <el-menu-item index="1-2">item one</el-menu-item>
                </el-menu-item-group>
                <el-menu-item-group title="Group Two">
                    <el-menu-item index="1-3">item three</el-menu-item>
                </el-menu-item-group>
                <el-sub-menu index="1-4">
                    <template #title>item four</template>
                    <el-menu-item index="1-4-1">item one</el-menu-item>
                </el-sub-menu>
                </el-sub-menu>
                <el-menu-item index="2">
                <i class="el-icon-menu"></i>
                <span>Navigator Two</span>
                </el-menu-item>
                <el-menu-item index="3" disabled>
                <i class="el-icon-document"></i>
                <span>Navigator Three</span>
                </el-menu-item>
                <el-menu-item index="4">
                <i class="el-icon-setting"></i>
                <span>Navigator Four</span>
                </el-menu-item>
            </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data(){
        return{

        }
    },
    methods:{
        balck(){
            this.$router.go(-1)
        }
    }
}
</script>

<style scoped>
template{
    padding: 0;
    margin: 0;
}
.view{
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}
.tac{
    max-width: 400px;
    min-width: 400px;
    min-height: 100%;
}
.right{
    float: right;
}
.el-col{
    background-color: #545c64;
}
</style>